﻿/*region*/
/*region*/
body, html
{
	font-family: verdana,arial,simsun,sans-serif '宋体';
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, dl, dt
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-family: verdana,arial,simsun,sans-serif '宋体';
}
select, label, textarea, input, option
{
	font-size: 12px;
	font-family: verdana,arial,simsun,sans-serif;
}
img
{
	border: none;
}
a
{
	color: #060606;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.normalbutton
{
	padding: 4px 10px;
	cursor: pointer;
}
.normalbg
{
	color: #001;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-top-color: #E9EED8;
	border-right-color: #C6C3B3;
	border-bottom-color: #ABAF94;
	border-left-color: #C6C3B3;
	padding: 5px 3px;
}
input.text-box
{
	width: 150px;
}
input.button, button.button
{
	background-color: #005EAC;
	border-color: #D8DFEA #0E1F5B #0E1F5B #D8DFEA;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 15px;
	text-align: center;
	cursor: pointer;
}
/*endregion*/
.linkbutton, .linkbutton span
{
	background-image: url(../../images/default/hhonline_bg.gif);
}
/*region*/
.linkbutton
{
	height: 26px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 4px;
	margin-left: 4px;
}
.linkbutton span
{
	cursor: pointer;
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: -103px 3px;
	width: 75px;
	text-align: center;
	line-height: 29px;
	color: #000080;
	font-weight: bold;
}
.labelmessage
{
	background: url(../../images/default/information-alert.gif) no-repeat 5px center;
	height: 24px;
	display: block;
	padding-left: 18px;
	line-height: 26px;
}
a:hover.linkbutton
{
	text-decoration: none;
	background-position: 0 -42px;
}
a:hover.linkbutton span
{
	background-position: -103px -42px;
	line-height: 26px;
	color: #fff;
	font-weight: 900;
}
a.setting
{
	padding: 2px;
	text-decoration: none;
	color: #000fff;
}
a:hover.setting
{
	color: #ff0000;
	text-decoration: underline;
}
a.opts
{
	width: 21px;
	height: 21px;
	border: solid 1px Transparent;
	display: block;
	text-decoration: none;
	float: left;
	margin-left: 5px;
}
/*endregion*/

/* forms */
.postform
{
	width: 100%;
	height: auto;
}
.postform th
{
	font-weight: normal;
	color: #000080;
	text-align: right;
	padding: 5px 10px;
}
.postform td
{
	text-align: left;
	padding: 5px;
}
a.delete, a.edit, a.view, a.add, /*.cp-head .head-r1c2 a,*/ .cp-head .head-r1c3 a, .cp-menu .menu-head a, .cp-menu .menu-content li a, .cp-content-frame .frame-r1c1, .cp-content-frame .frame-r1c3, .cp-content-frame .frame-r1c2 .frame-r1c2cell1, .cp-content-frame .frame-r3c1, .cp-content-frame .frame-r3c3, .messageBox .box, .error404 .error404-r1c1, .error404 .error404-r2c1 a.home
{
	background-image: url(../../images/default/hhonline_bbg.gif);
}
/*region*/
a.delete
{
	background-repeat: no-repeat;
	background-position: -6px -102px;
}
a.edit
{
	background-repeat: no-repeat;
	background-position: -6px -70px;
}
a.view
{
	background-repeat: no-repeat;
	background-position: -6px -38px;
}
a.add
{
	background-repeat: no-repeat;
	background-position: -6px -6px;
}
a.focus
{
	background: url(../../images/default/flaggreen.gif) no-repeat center 2px;
}
a.cancel
{
	background: url(../../images/default/canceledit.gif) no-repeat center 2px;
}
a.save
{
	background: url(../../images/default/done.gif) no-repeat center 2px;
}
a.price
{
	background: url(../../images/default/price.gif) no-repeat center 2px;
}
a:hover.opts
{
	background-color: #4169E1;
	border: solid 1px #000080;
}
/*endregion*/
/* page */
.page-top, .page-bottom, .cp-head, .cp-content-frame .frame-r1c2, .cp-content-frame .frame-r1c2plus, .cp-content-frame .frame-r3c2, .messageBox .box-r1c2, .messageBox .box-r3c2, .mytable th, .lefttree .row1, .righttree .row1
{
	background-image: url(../../images/default/hhonline_rbg.gif);
	background-repeat: repeat-x;
}
/*region*/
.page-top
{
	height: 43px;
	background-position: center 0;
}
.page-top span.logo
{
	height: 50px;
	display: block;
	width: 150px;
	padding-left: 55px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	background: url(../../images/default/logo.png) no-repeat 5px center;
}
.page-top a.back
{
	position: absolute;
	right: 10px;
	top: 2px;
	color: #fff;
}
.page-top a:hover.back
{
	color: #ff0000;
}
.page-bg
{
	min-height: 535px;
	background: #fff url(../../images/default/content-bg.gif) repeat-x left top;
	position: relative;
}
.page-bottom
{
	height: 20px;
	background-position: center -573px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	text-indent: 3px;
	font-size: 11px;
}
/*--login--*/
.page-bg .login-bg
{
	height: 535px;
	width: 700px;
	margin: auto;
	position: relative;
}
.login-main
{
	width: 600px;
	height: 350px;
	position: absolute;
	left: 50px;
	top: 70px;
	overflow: hidden;
}
.member-user .membership
{
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#loginOverlay
{
	height: 500px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	background: #fff;
}
.membership .loading
{
	width: 260px;
	top: 260px;
	height: 50px;
	display: none;
	position: absolute;
	z-index: 100;
	left: 300px;
	padding-left: 10px;
}
.membership .loading-text
{
	padding-bottom: 5px;
}
.membership .error-msg
{
	width: 220px;
	padding: 0 40px 0 10px;
	top: 270px;
	height: 50px;
	z-index: 100;
	left: 300px;
	display: none;
	color: #ff0000;
	position: absolute;
}
.membership .forms
{
	width: 100%;
	position: absolute;
	left: 50px;
	top: 0;
	height: 500px;
}
.membership .forms .registerLink, .membership .forms .homepageLink
{
	position: absolute;
	right: 60px;
	top: 10px;
	border-left: solid 4px #000080;
	padding-left: 5px;
	padding-right: 5px;
}
.membership .forms .homepageLink
{
	right: 110px;
}
.membership .forms a:hover.registerLink, .membership .forms a:hover.homepageLink
{
	color: #ff0000;
	border-left: solid 4px #ff0000;
	text-decoration: none;
}
.membership .forms .loginType
{
	height: 32px;
	line-height: 32px;
	border-top: 1px solid #A9C9E2;
	border-bottom: 1px solid #A9C9E2;
	background: #F0FBEB url(../../images/default/member_login.gif) 8px center no-repeat;
	padding-left: 24px;
	color: #808080;
}
.membership .forms .loginType a
{
	float: right;
}
.membership .forms p
{
	padding: 10px 10px 0px 10px;
}
.membership .forms p.loginP
{
	height: 30px;
}
.membership .forms p.loginP label
{
	width: 100px;
	text-align: right;
	padding-right: 15px;
	height: 26px;
	line-height: 26px;
	display: block;
	float: left;
}
.membership .forms p.loginP input
{
	float: left;
	width: 200px;
}
.membership .forms p.loginP1
{
	height: 60px;
}
.membership .forms p.loginP1 img
{
	margin-left: 120px;
}
.chk-container
{
	height: 20px;
}
.chk-container input
{
	float: left;
	height: 20px;
	margin-left: 115px;
}
.chk-container label
{
	float: left;
	height: 20px;
	display: block;
	line-height: 20px;
	padding-left: 5px;
}
.messages
{
	height: 15px;
	padding-left: 10px;
}
.button-container
{
	height: 40px;
	border-top: 1px solid #A9C9E2;
	border-bottom: 1px solid #A9C9E2;
	background: #F0FBEB;
}
#login
{
	margin-left: 115px;
	display: block;
	text-decoration: none;
	width: 98px;
	height: 26px;
	background: url(../../images/default/loginbutton.gif) no-repeat center 0;
}
a:hover#login
{
	background-position: center -26px;
}
a:active#login
{
	background-position: center -52px;
}
/*--controlpanel--*/
/* --head-- */
.cp-head
{
	height: 64px;
	background-position: center -592px;
	position: relative;
}
.cp-head .head-r1c1
{
	position: absolute;
	left: 0;
	top: 0;
	height: 64px;
	width: 262px;
	background: url(../../images/default/logo.png) 20px 10px no-repeat;
	text-indent: 70px;
	line-height: 64px;
	font-weight: bold;
	color: #fff;
}
.cp-head .head-r1c2, .cp-head .head-r1c3
{
	position: absolute;
	right: 18px;
	top: 7px;
	text-align: right;
	color: #fff;
}
.head-r1c2 a
{
	color: #FFA500; /*background-position:-8px -135px;     padding-left:15px;*/
}
.head-r1c2 a:hover
{
	color: #fff;
	text-decoration: none;
}
/*endregion*/
/*region*/
.cp-head .head-r1c3 a
{
	width: 46px;
	height: 20px;
	display: block;
	background-position: -29px -64px;
	cursor: pointer;
	text-decoration: none;
	text-indent: -2000;
}
.cp-head .head-r1c3 a:hover
{
	background-position: -29px -84px;
}
.cp-head .head-r1c2
{
	top: 0;
	right: 70px;
	line-height: 34px;
}
/* -- content --*/
.cp-content
{
	width: 100%;
}
.cp-content .cp-content-r1c1
{
	width: 200px;
}
/* menu */
.cp-menu
{
	width: 182px;
	height: 30px;
	overflow: hidden;
}
.cp-menu .menu-head
{
	cursor: pointer;
	font-weight: bold;
	margin: 0;
	width: 182px;
}
.cp-menu .menu-body
{
}

/*endregion*/
/*region*/
.cp-menu .menu-head a
{
	display: block;
	text-decoration: none;
	width: 142px;
	height: 35px;
	padding-left: 40px;
	line-height: 30px;
	text-align: left;
	background-position: -294px 0;
}
.cp-menu .menu-head a:hover
{
	color: #5b99d4;
}
.cp-menu .menu-content
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cp-menu .menu-content li
{
	height: 26px;
}
.cp-menu .menu-content li a
{
	height: 26px;
	display: block;
	line-height: 24px;
	text-decoration: none;
	background-position: -294px -35px;
	padding-left: 60px;
}
.cp-menu .menu-content li a:hover, .cp-menu .menu-content li a.active
{
	background-position: -294px -61px;
	color: #69007e;
	font-weight: bold;
}
.cp-content .cp-content-r1c2
{
	height: auto;
}
.cp-content-frame
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
/*endregion*/
/*region*/
.cp-content-frame .frame-r1c1
{
	width: 17px;
	height: 29px;
	background-position: -476px 0;
}
.cp-content-frame .frame-r1c2
{
	width: 100px;
	background-position: center -657px;
}
.cp-content-frame .frame-r1c2plus
{
	background-position: center -657px;
	text-align: right;
}
.cp-content-frame .frame-r1c2plus a
{
	float: right;
}
.cp-content-frame .frame-r1c2 .frame-r1c2cell1
{
	width: 90px;
	height: 29px;
	line-height: 34px;
	background-position: -77px -64px;
	padding-left: 10px;
	font-weight: bold;
}
.cp-content-frame .frame-r1c3
{
	width: 7px;
	height: 29px;
	background-position: -477px -29px;
}
/*endregion*/
.cp-content-frame .frame-r2c1, .cp-content-frame .frame-r2c3, .messageBox .box-r2c1, .messageBox .box-r2c3
{
	background-image: url(../../images/default/hhonline_ybg.gif);
	background-repeat: repeat-y;
}
/*region*/
.cp-content-frame .frame-r2c1
{
	background-position: 0 0;
}
.cp-content-frame .frame-r2c2
{
	background-color: #f7f8f9;
	padding: 10px 0;
}
.cp-content-frame .frame-r2c2cell1
{
	min-height: 450px;
	height: auto !important;
}
.cp-content-frame .frame-r2c3
{
	background-position: -27px 0;
}
.cp-content-frame .frame-r3c1
{
	overflow: hidden;
	height: 17px;
	background-position: -476px -58px;
}
.cp-content-frame .frame-r3c2
{
	background-position: center -696px;
}
.cp-content-frame .frame-r3c3
{
	background-position: -477px -75px;
}

/* message box */
.messageBox
{
	width: 40%;
	height: auto;
	left: 30%;
	top: 100px;
	position: absolute;
}
.messageBox table
{
	width: 100%;
}
.messageBox .box
{
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
}
.messageBox .box-r1c1
{
	background-position: 0 -161px;
}
.messageBox .box-r1c2
{
	background-position: 0 -711px;
}
.messageBox .box-r1c3
{
	background-position: -87px -161px;
}
.messageBox .box-r2c1
{
	background-position: -43px 0;
}
.messageBox .box-r2c2
{
	padding: 10px;
	background: #fff;
}
.messageBox .box-r2c3
{
	background-position: -130px 0;
}
.messageBox .box-r3c1
{
	background-position: 0 -241px;
}
.messageBox .box-r3c2
{
	background-position: 0 -791px;
}
.messageBox .box-r3c3
{
	background-position: -87px -241px;
}
/* 404 */
.error404 .error404-r1c1
{
	height: 60px;
	background-position: 0 -265px;
}
.error404 .error404-r2c1
{
	padding-left: 30px;
}
.error404 .error404-r2c1 ol
{
	margin-left: 20px;
}
.error404 .error404-r2c1 li
{
	border-left: solid 2px #07b3be;
	padding-left: 10px;
}
.error404 .error404-r2c1 a
{
	color: #f50c59;
}
.error404 .error404-r2c1 a:hover
{
	color: #000080;
}
/*endregion*/
/*region*/
.error404 .error404-r2c1 a.home
{
	background-position: -8px -135px;
	padding-left: 15px;
}
.error-content
{
	background: url(../../images/default/warn.gif) no-repeat 380px 0;
}
.error-content h3
{
	color: #ac1414;
}
.info-content
{
	background: url(../../images/default/information.gif) no-repeat 380px 0;
}
.info-content h3
{
	color: #11425f;
}
/*ExtensionGridView Style*/
.mytable
{
	width: 100%;
	padding: 0;
	margin: 0;
	color: #4f6b72;
}
.mytable caption
{
	padding: 0 0 5px 0;
	font: italic 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
/*endregion*/
/*region*/
.mytable th
{
	color: White;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 4px 0px 4px 0px;
	background-color: #CAE8EA;
	background-position: 0 -809px;
	text-align: left;
	padding-left: 10px;
}
.mytable th.nobg
{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
.mytablefoot td
{
	text-align: right;
}
.mytabletd td
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 4px 0px 4px 10px;
	color: #4f6b72;
}
.mytable td.alt
{
	background: #F5FAFA;
	color: #797268;
}
/*endregion*/
.mytableempty td
{
	background-image: url(../../images/default/icos.gif);
	background-repeat: no-repeat;
}
/*region*/
.mytableempty td
{
	line-height: 30px;
	height: 30px;
	background-position: 4px 3px;
	padding-left: 35px;
	color: #000;
}
.mytable th.spec
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff no-repeat;
	font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}

.mytable th.specalt
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa no-repeat;
	font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
/* validator */
.aspx-validator
{
	height: 22px;
}
.aspx-validator-bg
{
	height: 22px;
	z-index: 100;
	background: url(../../images/default/aspx-validator-icon.gif) no-repeat left top;
	padding-left: 24px;
}
.aspx-validator-text
{
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	background: url(../../images/default/aspx-validator-bg.gif) no-repeat right top;
	white-space: nowrap;
	color: #000;
	line-height: 22px;
}
.treeviewpermission td
{
	height: 20px;
	line-height: 20px;
}
.treeviewpermission td input
{
	height: 24px;
	width: 24px;
	display: block;
	float: left;
}
.treeviewpermission td a
{
	float: left;
	display: block;
	height: 24px;
	line-height: 24px;
}

/**********date pick**************************/
#jquery-datepick
{
	display: none;
	font-family: Calibri, 宋体;
	font-size: 12px;
	border: #1D99C9 2px outset;
	width: 210px;
	position: absolute;
	z-index: 202;
	height: 210px;
	background-color: #fff;
}
#jquery-datepick .jquery-datepick-top
{
	width: 210px;
	height: 40px;
	overflow: hidden;
	background: #33B1E1 url(../../images/datepick/top.gif) repeat-x left center;
}
#jquery-datepick .jquery-datepick-top div
{
	float: left;
	display: block;
}
#jquery-datepick .jquery-datepick-today
{
	width: 40px;
	font-family: Georgia;
	font-size: 26px;
	color: White;
	text-align: center;
	height: 40px;
}
#jquery-datepick .jquery-datepick-today a
{
	height: 30px;
	display: block;
	width: 30px;
	margin: 5px;
	line-height: 30px;
	text-align: center;
	background-color: #EEF3F7;
	border: 1px solid #A5B6C8;
}
#jquery-datepick .jquery-datepick-today a:hover
{
	text-decoration: none;
	font-weight: bold;
	background-color: #FFF9ED;
	border: 1px solid #FFDD99;
}
#jquery-datepick .jquery-datepick-month
{
	width: 120px;
	height: 40px;
}
#jquery-datepick .jquery-datepick-month span
{
	cursor: pointer;
	float: left;
}
#jquery-datepick .jquery-datepick-month select
{
	width: 55px;
	border: solid 1px #7d9edb;
	padding: 1px;
	font-size: 10px;
	font-family: Verdana;
	float: left;
}
#jquery-datepick .jquery-datepick-month select#jdSelMonth
{
	width: 40px;
}

#jquery-datepick .jquery-datepick-month .month, #jquery-datepick .jquery-datepick-month .week
{
	height: 20px;
	width: 120px;
	line-height: 20px;
	color: White;
}
#jquery-datepick .jquery-datepick-opts
{
	width: 50px;
	height: 40px;
}
#jquery-datepick .jquery-datepick-opts .close, #jquery-datepick .jquery-datepick-opts .monthview
{
	height: 20px;
	width: 50px;
	text-align: right;
}
#jquery-datepick .jquery-datepick-opts a
{
	width: 11px;
	height: 11px;
	text-align: center;
	margin: 1px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	float: right;
	color: White;
}
#jquery-datepick .jquery-datepick-opts .close a
{
	background: url(../../images/datepick/close.gif) 0 -11px;
}
#jquery-datepick .jquery-datepick-opts .close a:hover
{
	background: url(../../images/datepick/close.gif) 0 -22px;
}
#jquery-datepick .jquery-datepick-opts .close a:active
{
	background: url(../../images/datepick/close.gif) 0 0;
}
#jquery-datepick .jquery-datepick-days
{
	width: 210px;
}
#jquery-datepick .jquery-datepick-days .jquery-datepick-weeks
{
	height: 21px;
	background-color: #fff;
	border-bottom: solid 1px #888;
}
#jquery-datepick .jquery-datepick-days .jquery-datepick-weeks span
{
	height: 21px;
	line-height: 21px;
	float: left;
	display: block;
	width: 30px;
	text-align: center;
}
#jquery-datepick #jquery-datepick-main
{
	background-color: #fff;
	height: 144px;
}
#jquery-datepick #jquery-datepick-main a
{
	width: 30px;
	height: 24px;
	line-height: 24px;
	display: block;
	text-align: center;
	text-decoration: none;
}
#jquery-datepick #jquery-datepick-main a:hover.days
{
	text-decoration: none;
	background: url(../../images/datepick/checked.gif) no-repeat right bottom;
}
#jquery-datepick #jquery-datepick-main a.today
{
	background-color: #dedede;
	color: #ff0000;
	font-weight: bold;
}
/* details */
.detail-r1c1 table.detail
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: auto;
	color: #4f6b72;
}
.detail-r1c1 table.detail td
{
	border: 1px solid #C1DAD7;
	border-width: 0 1px 1px 0;
	background: #F0FFF0;
	padding: 3px 0px 3px 5px;
	color: #4f6b72;
}
.detail-r1c1 table.detail th
{
	font-weight: normal;
	color: #4f6b72;
	border: 1px solid #C1DAD7;
	border-width: 0 1px 1px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 6px 7px 6px 0px;
	background: #CAE8EA no-repeat;
	text-align: right;
}
.detail-r1c1 table.detail td.link a
{
	text-decoration: underline;
	color: #000080;
}
.detail-r1c1 table.detail td.link a:hover
{
	text-decoration: underline;
	color: #ff0000;
}
/* treelist */
.treelist
{
	width: 100%;
	height: 490px;
}
.treelist .lefttree
{
	width: 200px;
	border: solid 1px #6394CE;
}
.treelist .righttree
{
	border: solid 1px #6394CE;
}
.lefttree .row2, .righttree .row2
{
	height: 453px;
	margin: 0;
	overflow: auto;
}
.lefttree .row2
{
	width: 200px;
}
/*endregion*/
/*region*/
.lefttree .row1, .righttree .row1
{
	height: 27px;
	color: #10428C;
	line-height: 27px;
	text-indent: 10px;
	font-weight: bold;
	background-position: 0 -839px;
}
.righttree .row1 ul, .righttree .row1 ul li
{
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.righttree .row1 ul li
{
	float: left;
}
.righttree .row1 li a
{
	border: solid 1px Transparent;
	padding-left: 18px;
	height: 22px;
	margin-top: 1px;
	line-height: 24px;
	text-decoration: none;
	padding-right: 5px;
	display: block;
	font-weight: normal;
}
.righttree .row1 li a:hover
{
	background-color: #FFE88C;
	border: 1px solid #D69C00;
	color: #000;
}
.department-cell
{
	height: 26px;
}
.department-cell input
{
	position: absolute;
	left: 3px;
	top: 6px;
	height: 13px;
	height: 13px;
	display: block;
}
/*endregion*/
/*region*/
.department-cell a
{
	float: left;
	display: block;
	background: url(../../images/default/department.gif) no-repeat 2px center;
	padding-left: 20px;
	height: 24px;
	line-height: 26px;
}
.department-cell a:hover
{
	color: #ff0000;
}
.person-cell a
{
	background: url(../../images/default/person.gif) no-repeat 2px center;
}
.O-AddDept
{
	background: url(../../images/default/department-add.gif) no-repeat 4px center;
}
.O-UpdateDept
{
	background: url(../../images/default/department-edit.gif) no-repeat 4px center;
}
.O-DeleteDept
{
	background: url(../../images/default/department-delete.gif) no-repeat 4px center;
}
.O-AddUser
{
	background: url(../../images/default/person-add.gif) no-repeat 4px center;
}
.O-UpdateUser
{
	background: url(../../images/default/person-edit.gif) no-repeat 4px center;
}
.O-DeleteUser
{
	background: url(../../images/default/person-delete.gif) no-repeat 4px center;
}
.O-UserGrade
{
	background: url(../../images/default/person-grade.gif) no-repeat 4px center;
}
.C-AddCat
{
	background: url(../../images/default/cat-add.gif) no-repeat 4px center;
}
.C-UpdateCat
{
	background: url(../../images/default/cat-edit.gif) no-repeat 4px center;
}
.C-DeleteCat
{
	background: url(../../images/default/cat-delete.gif) no-repeat 4px center;
}
.C-AddProperty
{
	background: url(../../images/default/property.gif) no-repeat 4px center;
}
.C-DeleteNews
{
	background: url(../../images/default/news-delete.gif) no-repeat 4px center;
}
.C-AddNews
{
	background: url(../../images/default/news-add.gif) no-repeat 4px center;
}
.subproperty-tb th
{
	background-color: #ececec;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #2c4a4a;
	text-indent: 5px;
	text-align: left;
}
.subproperty-tb td a
{
	text-align: left;
	padding-left: 5px;
	color: #00000f;
}
.righttree h2
{
	height: 24px;
	font-weight: normal;
	text-indent: 30px;
	line-height: 24px;
	border-top: outset 1px #888;
	color: #000;
}
.righttree h2.row2-cat
{
	background: #dedede url(../../images/default/cat.gif) no-repeat 7px center;
}
.righttree h2.row2-property
{
	background: #dedede url(../../images/default/property.gif) no-repeat 7px center;
}
.righttree h2.row2-dept
{
	background: #dedede url(../../images/default/company.gif) no-repeat 7px center;
}
.righttree h2.row2-user
{
	background: #dedede url(../../images/default/person.gif) no-repeat 7px center;
}
.righttree h2.row2-news
{
	background: #dedede url(../../images/default/news.gif) no-repeat 7px center;
}
.righttree table
{
	width: 100%;
}

.righttree table td
{
	font-weight: normal;
	text-align: left;
	color: #04302f;
}
.righttree table td.cat-c1
{
	width: 24px;
	text-align: center;
}
.righttree table td.cat-c2
{
	text-align: left;
	width: 200px;
}
.righttree table td.cat-c3
{
	text-indent: 10px;
	text-align: left;
}
/* selectuser*/
.selectuser
{
	width: 600px;
	height: 500px;
	position: absolute;
}
.selectuser .su-c1, .selectuser .su-c3
{
	width: 260px;
	position: absolute;
	left: 5px;
	top: 5px;
	height: 490px;
}
.selectuser .su-c3
{
	left: 335px;
}
.selectuser .su-c2
{
	width: 60px;
	position: absolute;
	left: 270px;
	top: 120px;
	text-align: center;
}
.selectuser .su-c2 a
{
	width: 60px;
	display: block;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
}
.selectuser .su-c2 a.userrole-add
{
	background: url(../../images/default/userrole-add.gif) no-repeat center -24px;
}

.selectuser .su-c2 a.userrole-delete
{
	background: url(../../images/default/userrole-delete.gif) no-repeat center -24px;
}
.selectuser .su-c2 a.userrole-save
{
	background: url(../../images/default/userrole-save.gif) no-repeat center -24px;
}
.selectuser .su-c2 a.userrole-cancel
{
	background: url(../../images/default/userrole-cancel.gif) no-repeat center -24px;
}

.user-select, .user-unselect
{
	height: 24px;
	line-height: 24px;
}
.user-select input
{
	float: left;
	height: 24px;
	display: block;
	margin: 2px 5px 0 -3px;
}
.user-select a, .user-select span
{
	float: left;
	height: 24px;
	line-height: 29px;
	display: block;
}
.su-c1 .su-c1-c1, .su-c3 .su-c3-c1
{
	width: 100%;
	height: 23px;
	line-height: 23px;
	text-indent: 10px;
	color: #fff;
	font-weight: bold;
	background: url(../../images/default/topbanner.gif) no-repeat left center;
}
.su-c1 .su-c1-c2, .su-c3 .su-c3-c2
{
	height: 465px;
	border: solid 1px #48B49F;
	background: #D4D4FF;
	overflow: auto;
}
/* jmodal */
.jmodal-overlay
{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	margin: 0;
	padding: 0;
}
.jmodal-main
{
	left: 0;
	padding: 0;
	margin: 0;
	top: 0;
	position: absolute;
	z-index: 201;
}
.jmodal-r1c1
{
	top: 0;
	position: absolute;
	left: 0;
	height: 25px;
	line-height: 25px;
	color: #ffffd0;
	font-weight: bold;
	text-indent: 10px;
	right: 20px;
	background: url(../../images/jmodal/title_bg_left.gif) left center no-repeat;
}
.jmodal-r1c2
{
	top: 0;
	position: absolute;
	right: 0;
	height: 25px;
	line-height: 25px;
	width: 20px;
	background: url(../../images/jmodal/title_bg_right.gif) right center no-repeat;
}
.jmodal-r2
{
	border: solid 1px #1b376c;
	border-width: 0 4px 4px 4px;
	margin-top: 25px;
	background: #fff;
}
.jmodal-r3
{
	padding: 10px 0;
	border: solid 1px #1b376c;
	border-width: 0 4px 4px 4px;
	background: #fff;
}
.jmodal-r3c1
{
	width: 96px;
	height: 24px;
	margin: auto;
	background: url(../../images/jmodal/jmodal-close.gif) center center no-repeat;
	cursor: pointer;
}
/*endregion*/
.main-r1c1, .main-r1c2-r2r2, .nav-main li a, .nav-main li a:hover, .nav-main li a.selected, .search-bg .search-left, .search-bg .search-right, .search-bg .search-search .search-icon
{
	background-image: url(../../images/default/hhonline_bg.gif);
}
/*region*/
/* main */
.main
{
	height: auto;
	width: 950px;
	margin: 0 auto;
}
.main-r1
{
	width: 100%;
	height: 106px;
	float: left;
}
.main-r1c1
{
	width: 266px;
	height: 106px;
	background-position: 0 -90px;
	float: left;
}
.main-r1c2
{
	width: 684px;
	float: left;
	height: 106px;
}
.main-r1c2-r1
{
	height: 40px;
	width: 100%;
}
/*endregion*/

.main-r1c2-r1c1, .logged-ul li a
{
	background-image: url(../../images/default/layout-x-ico.gif);
	background-repeat: no-repeat;
}
/*region*/
.main-r1c2-r1c1
{
	height: 40px;
	background-position: 1px 3px;
	background-repeat: no-repeat;
	text-indent: 30px;
	color: #DA2828;
	font-weight: bold;
	font-family: Georgia;
	line-height: 40px;
	width: 400px;
	float: left;
}
.main-r1c2-r1c2
{
	height: 40px;
	text-align: right;
	width: 270px;
	float: left;
	margin-bottom: -20px;
}
.top-nav
{
	height: 20px;
	float: right;
	padding: 5px 0 5px 0;
	width: 100%;
	margin-right: -5px;
}
.top-nav1
{
	border-top: solid 1px #dedede;
	height: 20px;
	padding-top: 5px;
	padding-right: 7px;
	float: right;
	width: 100%;
}

.top-nav1 a
{
	color: #ff0000;
	text-decoration: none;
}
.top-nav1 a:hover
{
	color: #000080;
	text-decoration: none;
}
.logged-ul
{
	float: right;
}
.logged-ul, .logged-ul li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.logged-ul li
{
	list-style-position: outside;
	float: left;
	line-height: 30px;
}
.logged-ul li a
{
	height: 20px;
	display: block;
	float: left;
	padding-left: 15px;
	line-height: 20px;
	padding-right: 5px;
}
/*endregion*/
/*region*/
.logged-ul li a.shoppingcard
{
	background-position: -8px -38px;
	padding-left: 20px;
}
.logged-ul li a.basket
{
	background-position: -12px -62px;
}
.logged-ul li a.favorite
{
	background-position: -9px -86px;
}
.logged-ul li a.dashboard
{
	background-position: -9px -108px;
}
.logged-ul li a:hover
{
	color: #ff0000;
}
.main-r1c2-r2
{
	width: 100%;
	float: left;
	margin-top: -40px;
}
.main-r1c2-r2r1
{
	height: 31px;
	overflow: hidden;
	width: 400px;
}
.nav-main, .nav-main li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nav-main
{
	margin-left: 10px;
}
.nav-main li
{
	list-style-position: outside;
	float: left;
	margin: 0 2px;
}
/*endregion*/
/*region*/
.nav-main li a
{
	display: block;
	float: left;
	height: 31px;
	width: 96px;
	text-align: center;
	line-height: 38px;
	color: #000;
	text-decoration: none;
	background-position: -186px -2px;
	letter-spacing: 3px;
}
.nav-main li a:hover, .nav-main li a.selected
{
	line-height: 31px;
	font-weight: bold;
	color: #fffff0;
	text-decoration: none;
	background-position: -186px -46px;
}
.main-r1c2-r2r2
{
	height: 35px;
	background-position: 0 -196px;
	text-indent: 30px;
	line-height: 35px;
	color: #fff;
}
.main-r2
{
	float: left;
	width: 100%;
	height: 100px;
	background: url(../../images/default/searchbg.jpg) repeat-x center top;
}

.main-r2c1
{
	height: 100px;
	padding-top: 10px;
	position: relative;
	background: url(../../images/default/searchimg.jpg) no-repeat right top;
}
.search-bg
{
	width: 700px;
	height: 40px;
	margin: auto;
	position: relative;
}
.search-bg div.search
{
	line-height: 29px;
	height: 29px;
	position: absolute;
	color: #fffff0;
	font-weight: bold;
	top: 10px;
}
/*endregion*/
/*region*/
.search-bg .search-left
{
	width: 9px;
	left: 0;
	background-position: -294px -7px;
}
.search-bg .search-m
{
	background: url(../../images/default/searchm.jpg) repeat-x left center;
}
.search-bg .search-title
{
	width: 100px;
	left: 9px;
	text-align: right;
}
.search-bg .search-input
{
	left: 109px;
	right: 109px;
	position: absolute;
	height: 27px;
	padding-top: 2px;
	padding-right: 24px;
	top: 10px;
}
.search-bg .search-search
{
	width: 100px;
	right: 9px;
	overflow: visible;
}
.search-bg .search-search .search-icon
{
	width: 38px;
	height: 34px;
	position: absolute;
	top: -5px;
	left: 0;
	background-position: -368px -2px;
}
.search-bg .search-search a
{
	width: 62px;
	height: 29px;
	display: block;
	position: absolute;
	left: 38px;
	top: 0;
	letter-spacing: 5px;
	color: #fffff0;
	font-weight: bold;
	text-decoration: none;
}
.search-bg .search-search a:hover
{
	color: #ff0;
}
.search-bg .search-search a:active
{
	color: #fff;
}
.search-bg .search-middle select
{
	float: left;
}
.search-bg .search-right
{
	width: 9px;
	right: 0;
	background-position: -306px -7px;
}
.search-hot
{
	width: 700px;
	height: 30px;
	line-height: 30px;
	margin: auto;
	position: relative;
	text-align: center;
}
.search-hot a
{
	color: #1859bb;
	text-decoration: underline;
	margin-right: 5px;
}
.search-hot a:hover
{
	color: #ff00ff;
	text-decoration: underline;
}
.main-r3
{
	height: 200px;
	width: 100%;
	float: left;
}
.main-r3c1 a
{
	color: #6666bb;
	text-decoration: underline;
}
.main-r3c1 a:hover
{
	color: #ff0000;
}
.main-r3c1
{
	width: 208px;
	float: left;
}
.main-r3c1-r1
{
	width: 100%;
	height: 22px;
}

.main-r3c1-r1 div
{
	height: 22px;
	line-height: 22px;
	color: #888;
	float: left;
}
/*endregion*/
.service-title
{
	height: 22px;
	display: block;
	background: url(../../images/default/service-title.gif) left -22px no-repeat;
}
.service-title2
{
	background-position: left 0;
}
.main-r3c1-r1 .main-r3c1-r1c1
{
	width: 6px;
	background: url(../../images/default/topTitL.jpg) left top;
}
.main-r3c1-r1 .main-r3c1-r1c2
{
	width: 196px;
	background: url(../../images/default/topTitM.jpg) left top;
}
.main-r3c1-r1 .main-r3c1-r1c3
{
	width: 6px;
	background: url(../../images/default/topTitR.jpg) left top;
}
.main-r3c1-r2
{
	border: solid 1px #cccccc;
	border-width: 0 1px 0 1px;
	color: #808080;
	height: 60px;
	padding: 5px;
	text-indent: 20px;
	overflow: auto;
}

.main-r3c1-r3 div
{
}
.main-r3c1-r4
{
	border: solid 1px #cccccc;
	border-width: 0 1px 1px 1px;
}

.main-r3c2
{
	float: left;
	width: 450px;
	height: 183px;
	border: solid 1px #cccccc;
	margin-left: 2px;
}
.main-r3c3
{
	float: left;
	width: 285px;
	height: 184px;
	margin-left: 2px;
}
.main-r3c3 div.access-point
{
	float: left;
	height: 184px;
	border-bottom: solid 1px #ccc;
}
.main-r3c3-c1
{
	width: 6px;
	background: url(../../images/default/pannelL.jpg) right -3px no-repeat;
}
.main-r3c3-c2
{
	width: 273px;
	background: url(../../images/default/pannelM.jpg) left -3px repeat-x;
	position: relative;
}
.main-r3c3-c3
{
	width: 6px;
	background: url(../../images/default/pannelR.jpg) right -3px no-repeat;
}
.info-access
{
	width: 240px;
	height: 120px;
	position: absolute;
	left: 16px;
	top: 27px;
}
.info-access th
{
	text-align: right;
	padding: 2px 3px;
	width: 70px;
	color: #666;
	font-weight: normal;
	border-bottom: dashed 1px #888;
}
.info-access td
{
	padding: 2px 3px;
	text-align: left;
	color: #000080;
	border-bottom: dashed 1px #888;
}
.info-access a
{
	color: #ff0000;
}
.login-access
{
	width: 168px;
	height: 43px;
	display: block;
	position: absolute;
	left: 58px;
	background: url(../../images/default/login-access.gif) center 0 no-repeat;
}
.msg-access
{
	width: 180;
	top: 114px;
	height: 30px;
	line-height: 32px;
	position: absolute;
	left: 40px;
	color: #ff0000;
	text-indent: 11px;
	background: url(../../images/default/notice.jpg) left center no-repeat;
}
.signup-access
{
	background-position: center 0;
	text-decoration: none;
	top: 30px;
}
a:hover.signup-access
{
	background-position: center -84px;
	text-decoration: none;
}
.register-access
{
	background-position: center -42px;
	text-decoration: none;
	top: 72px;
}
a:hover.register-access
{
	background-position: center -126px;
	text-decoration: none;
}
.main-r4
{
	width: 100%;
	height: auto;
	float: left;
}
.main-r4plug
{
	width: 100%;
	float: left;
	margin-top: 5px;
}
.main-r4plug a
{
	color: #B8860B;
	margin-right: 10px;
}
.main-r4c1
{
	float: left;
	width: 660px;
}
.main-r4 .tab-nav
{
	height: 27px;
	border-bottom: solid 4px #EB6832;
	overflow: hidden;
}
.tab-nav ul, .tab-nav ul li
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
.tab-nav ul li
{
	float: left;
	height: 28px;
	background: url(../../images/default/tab.jpg) no-repeat center 2px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 5px;
	color: #888;
	width: 76px;
	margin-right: 3px;
	cursor: pointer;
}
.tab-nav ul li.active
{
	background: url(../../images/default/tabsel.jpg) center top;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	cursor: default;
}
.main-r4 .tab-content
{
	border: solid 1px #ccc;
	border-top: 0;
	min-height: 300px;
}
.main-r4 .tab-content .tab-content-iframe
{
	width: 100%;
	height: 300px;
}
.main-r4c2
{
	float: right;
	width: 285px;
	height: auto;
}
.main-r4c2 .list-title
{
	height: 29px;
}

.main-r4c2 .list-title div
{
	height: 29px;
	line-height: 29px;
	font-weight: bold;
	color: #888;
	float: left;
}
.list-title .title-left
{
	width: 3px;
	background: url(../../images/default/righttablel.jpg) right top no-repeat;
}
.list-title .title-content
{
	text-indent: 5px;
	width: 279px;
	background: url(../../images/default/righttablem.jpg) left top repeat-x;
}
.list-title .title-right
{
	width: 3px;
	background: url(../../images/default/righttabler.jpg) left top no-repeat;
}
.list-content
{
	border: solid 1px #ccc;
	border-top: 0;
}

.list-content ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.list-content ul li span
{
	padding: 3px 5px 3px 18px;
	display: block;
	color: #888;
}
.list-content .industryAbstract
{
	padding: 3px 5px 3px 18px;
}
.list-content .industryAbstract b
{
	color: #B8860B;
}
.list-content ul li a
{
	padding: 3px 5px 3px 18px;
	display: block;
	background: url(../../images/default/dark-star.gif) no-repeat 7px center;
	color: #888;
}
.list-content ul li a:hover
{
	border-left: solid 4px #ff0000;
	color: #ff0000;
	text-decoration: none;
	background-image: url(../../images/default/red-star.gif);
}
.list-more
{
	height: 10px;
	padding: 10px;
}
.list-more a
{
	float: right;
	width: 45px;
	height: 16px;
	display: block;
	background: url(../../images/default/more.gif) no-repeat center 0;
	text-decoration: none;
}
.list-more a:hover
{
	background-position: center -16px;
	text-decoration: none;
}
.trade-search
{
	height: 53px;
	background: url(../../images/default/trade-search.gif) no-repeat center center;
	position: relative;
}
.trade-search .search-content
{
	display: block;
	height: 20px;
	line-height: 20px;
	left: 50px;
	top: 22px;
	position: absolute;
	width: 200px;
	border: inset 1px #ccc;
}
.search-content input
{
	position: absolute;
	left: 0;
	top: 2px;
	padding: 2px;
	width: 160px;
	border: 0;
}
.search-content .searchtrade-btn
{
	position: absolute;
	right: 0;
	width: 26px;
	height: 20px;
	background: url(../../images/default/search.png) no-repeat center 0;
	display: block;
	cursor: pointer;
}
.main-r5
{
	margin-top: 5px;
	width: 100%;
	float: left;
	height: 107px;
	background: url(../../images/default/botbg.jpg) repeat-x center 0;
}
.main-r5 div
{
	height: 107px;
	float: left;
}
.main-r5 .logo-bot
{
	width: 200px;
	background: url(../../images/default/logobot.jpg) no-repeat left 0;
}
.main-r5 .text-bot
{
	width: 550px;
}
.text-bot ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-position: outside;
	margin-top: 30px;
	width: 100%;
	float: left;
	margin-left: -8px;
}
.text-bot h6
{
	font-weight: normal;
	margin: auto;
	margin-top: 10px;
	text-align: left;
	float: left;
	width: 100%;
	color: #6f6c6c;
}
.text-bot ul li
{
	float: left;
	border-right: solid 1px #ccc;
}
.text-bot ul li.last
{
	border: 0;
}
.text-bot ul a
{
	display: block;
	padding: 2px 8px;
	color: #6f6c6c;
}
.icp-bot
{
	width: 200px;
	position: relative;
	background: url(../../images/default/icp.gif) no-repeat right 0;
	text-align: right;
}
.icp-bot .icp-text
{
	position: absolute;
	top: 80px;
	height: 27px;
	right: 5px;
	font-size: 10px;
}
.watermaskcss
{
	color: #888;
	font-style: italic;
}
.catSelect
{
}
.catSelect .cs-row1
{
	background: #dedede;
	border-top: solid 1px #ccc;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
}
.catSelect .cs-row2
{
	border: solid 1px #dcdcdc;
	padding: 10px 0;
}
.catSelect .cs-row3
{
	background: #dedede;
	border-bottom: solid 1px #ccc;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 10px;
}
.catSelect .cs-row2 td
{
	height: 24px;
}
.catSelect .cs-row2 td input, .catSelect .cs-row2 td a
{
	float: left;
	height: 24px;
	line-height: 24px;
	display: block;
}
.catSelect .cs-row2 td a
{
	padding-left: 5px;
}
.rolerepeat
{
	height: 30px;
}
.rolerepeat label
{
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
	width: 200px;
	padding-left: 10px;
	text-align: left;
}

.rolerepeat a
{
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
	color: #4682B4;
	font-weight: bold;
	background: url(../../images/default/userrole.gif) no-repeat 2px center;
	padding-left: 25px;
}
.cpStep
{
	border-top: solid 1px #888;
	height: 30px;
	background: #dedede;
}

.cpStep .stepOne, .cpStep .stepTwo, .cpStep .stepThree
{
	height: 30px;
	float: left;
	display: block;
	background: url(../../images/default/one_grown.gif) no-repeat 10px center;
	padding-left: 35px;
	color: #2a5301;
	font-weight: bold;
	line-height: 30px;
}
.cpStep .stepTwo
{
	background: url(../../images/default/two_grown.gif) no-repeat 10px center;
}
.cpStep .stepThree
{
	background: url(../../images/default/three_grown.gif) no-repeat 10px center;
}
.cpStep .stepOneSelected
{
	background: url(../../images/default/one_blue.gif) no-repeat 10px center;
	color: #ff0000;
}
.cpStep .stepTwoSelected
{
	background: url(../../images/default/two_blue.gif) no-repeat 10px center;
	color: #ff0000;
}
.cpStep .stepThreeSelected
{
	background: url(../../images/default/three_blue.gif) no-repeat 10px center;
	color: #ff0000;
}
.cpAdd
{
	border: solid 1px #ccc;
}
.cpAdd ul, .cpAdd ul li
{
	list-style-type: decimal;
}
.cpAdd ul li
{
	margin-left: 25px;
}
.editPCat, .selecttrade
{
	background: url(../../images/default/editpcat.gif) no-repeat center -19px;
	width: 126px;
	height: 19px;
	display: block;
}
a:hover.editPCat, a:hover.selecttrade
{
	background-position: center 0;
}

.selecttrade
{
	background: url(../../images/default/selecttrade.gif) no-repeat center -19px;
}
.itemList ul
{
	border-left: dashed 1px #888;
	padding-left: 5px;
	background: #dedede;
}
.itemList ul li
{
	list-style-type: decimal;
	border-left: dashed 1px #888;
	padding-left: 5px;
	background: #fff;
	position: relative;
}
.itemList ul li a
{
	height: 15px;
	position: absolute;
	left: 200px;
	top: 2px;
	width: 15px;
	display: block;
	background: url(../../images/default/tools-bg.gif) no-repeat 0 0;
}
.itemList ul li a:hover
{
	background-position: -15px 0;
	text-decoration: none;
}
.itemList ul li span
{
	display: block;
	padding-left: 3px;
}
.itemList ul li input
{
	color: #000080;
	border-width: 0 0 1px 0;
}
a:hover.selecttrade
{
	background-position: center 0;
}
.uploadimages
{
	display: block;
	width: 111px;
	height: 19px;
	background: url(../../images/default/uploadimages.gif) no-repeat center -19px;
}
a:hover.uploadimages
{
	background-position: center 0;
}
/* jericho upload */
.jerichoUpload
{
	border: solid 1px #888;
}
.jerichoUpload .ju-top
{
	height: 35px;
	width: 100%;
	position: relative;
	background: url(../../images/jerichoupload/ju_top.png) repeat-x left center;
}
.ju-top .ju-title
{
	height: 35px;
	color: #fff;
	font-weight: bold;
	text-indent: 30px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 35px;
	background: url(../../images/jerichoupload/ju_image.gif) no-repeat 10px center;
}
.ju-top .ju-upload
{
	width: 200px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.jerichoUpload .ju-content
{
	height: 300px;
	width: 100%;
	overflow: auto;
	font-size: 12px;
	font-family: Verdana;
}
.jerichoUpload table
{
	width: 100%;
}
.jerichoUpload table th
{
	font-weight: normal;
	text-align: left;
	padding-left: 30px;
	background: url(../../images/jerichoupload/file.gif) no-repeat 10px center;
}
.jerichoUpload table td
{
	text-align: left;
	padding-left: 5px;
	width: 100px;
}
.jerichoUpload table td.ju-size
{
	padding-right: 40px;
	width: 60px;
	text-align: right;
}
.jerichoUpload table td, .jerichoUpload table td
{
	height: 24px;
	line-height: 24px;
}
.jerichoUpload table th.ju-gridhead, .jerichoUpload table td.ju-gridhead
{
	background: #dedede;
	border-top: solid 2px #888;
}
.jerichoUpload .ju-pb
{
	height: 5px;
	text-align: left;
	width: 70px;
	border: double 3px #000080;
}
.jerichoUpload .ju-pbvalue
{
	height: 5px;
	width: 0;
	background: #078d20;
}
.jerichoUpload .ju-status
{
	background-position: 10px center;
	background-repeat: no-repeat;
}
.jerichoUpload .ju-wait
{
	background-image: url(../../images/jerichoupload/wait.gif);
}
.jerichoUpload .ju-cancel
{
	background-image: url(../../images/jerichoupload/cancel.gif);
}
.jerichoUpload .ju-finished
{
	background-image: url(../../images/jerichoupload/finished.gif);
}
.jerichoUpload .ju-status div
{
	display: none;
}
.jerichoUpload #ju-foot
{
	height: 24px;
	line-height: 24px;
	text-align: left;
	padding-left: 30px;
	background-color: #dedede;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-top: solid 1px #ccc;
}
.jerichoUpload .ju-foot
{
	color: #000;
	background-image: url(../../images/jerichoupload/upload.gif);
}
.jerichoUpload .ju-cancel
{
	color: #ff0000;
	background-image: url(../../images/jerichoupload/cancel.gif);
}

.jerichoUpload .ju-warn
{
	color: #ff0000;
	background-image: url(../../images/jerichoupload/warn.gif);
}
.jerichoUpload .ju-uploading
{
	color: #000;
	background-image: url(../../images/jerichoupload/uploading.gif);
}
.myTab .tabs
{
	height: 34px;
	width: 100%;
	background: url(../../images/tab/tabbg3.gif) repeat-x left bottom;
}
.myTab .tabs ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-position: outside;
}
.myTab .tabs li
{
	float: left;
	margin: 0 2px;
}
.myTab .tabs li a
{
	height: 33px;
	line-height: 37px;
	width: 90px;
	text-align: center;
	display: block;
	letter-spacing: 3px;
	background: url(../../images/tab/tabbg2.gif) no-repeat left bottom;
	text-decoration: none;
	color: #888;
}
.myTab .tabs li a:hover
{
	font-weight: bold;
	color: #ff0000;
}
.myTab .tabs li.activeTab a
{
	color: #fffff0;
	line-height: 33px;
	background: url(../../images/tab/tabbg1.gif) no-repeat left top;
}
.myTab .tabpanel
{
	display: none;
	border: solid 1px #888;
	border-top: 0;
	padding: 5px;
}
.myTab .activePanel
{
	display: block;
}
.productThumbnailList
{
	height: 50px;
	position: relative;
}
.productThumbnailList .productThumbnail
{
	width: 40px;
	height: 40px;
	border: double 3px #888;
	position: absolute;
	left: 4px;
	top: 2px;
}
.productThumbnailList .productContent
{
	position: absolute;
	left: 55px;
	right: 30px;
	top: 0;
	height: 46px;
	line-height: 46px;
	font-family: Verdana;
}
.productThumbnailList .productTbOpts
{
	width: 30px;
	position: absolute;
	height: 46px;
	right: 5px;
}
.productTbOpts input
{
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 27px;
	top: 5px;
	cursor: pointer;
}
.productTbOpts a
{
	position: absolute;
	display: block;
	top: 5px;
	width: 15px;
	height: 15px;
	text-decoration: none;
	background: url(../../images/default/tools-bg.gif) no-repeat 0 0;
}
.productTbOpts a.setDefault
{
	background-position: 0 -90px;
	right: 30px;
}
.productTbOpts a:hover.setDefault
{
	background-position: -15px -90px;
}
.productTbOpts a.deleteAttach
{
	background-position: 0 0;
	right: 7px;
}
.productTbOpts a:hover.deleteAttach
{
	background-position: -15px 0;
}

#productImages
{
	height: 150px;
	overflow: auto;
	width: 540px;
	border: solid 1px #ccc;
	position: relative;
}
#jpreviewImage
{
	position: absolute;
	display: none;
	z-index: 9999;
	background-color: #fff;
	border: double 4px #000;
}
.search2
{
	height: 22px;
	width: 63px;
	display: block;
	text-decoration: none;
	background: url(../../images/default/search2.gif) no-repeat center center;
}
.productNav
{
	height: 25px;
}

.productNav a
{
	display: block;
	padding: 2px 10px;
	letter-spacing: 3px;
	float: left;
	margin-right: 5px;
	border: solid 1px #ccc;
}
.productNav a:hover
{
	background-color: #EEFAFF;
	border: 1px solid #BBE1F1;
	color: #888;
	text-decoration: none;
}
.productNav a.active, .productNav a:hover.active
{
	background-color: #F2FDDB;
	border: 1px solid #ADCD3C;
	color: #ff0000;
}
.jquery-accordion
{
	overflow: hidden;
	position: relative;
	border: solid 1px #ccc;
}
.jquery-accordion .jquery-accordion-pictures
{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.jquery-accordion .jquery-accordion-pictures a, .jquery-accordion .jquery-accordion-pictures a:hover
{
	text-decoration: none;
}
.jquery-accordion .jquery-accordion-pictures img
{
	border: 0;
}
.jquery-accordion .jquery-accordion-titles
{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	line-height: 18px;
	background-color: #7d9edb;
	font-family: Verdana;
	font-size: 11px;
	padding: 5px;
	color: #F5F5F5;
}
.jquery-accordion .jquery-accordion-titles b
{
	height: 20px;
	line-height: 20px;
	display: block;
	font-weight: bold;
	color: #FF4500;
}
.jquery-accordion .jquery-accordion-navigate
{
	height: 24px;
	position: absolute;
	right: 4px;
	top: 4px;
}
.jquery-accordion .jquery-accordion-nav
{
	width: 22px;
	height: 22px;
	top: 0;
	position: absolute;
	font-family: Georgia;
	border: solid 1px #888;
	text-align: center;
	line-height: 24px;
	background: #dedede;
	cursor: pointer;
}
.jquery-accordion .jquery-accordion-navHover
{
	background: #ff0000;
	background: #800000;
	color: #fff;
}
.registerContent
{
	float: left;
	width: 100%;
	padding: 10px 0;
}
.sitemappath
{
	height: 24px;
	display: block;
	border-bottom: solid 2px #B22132;
}
.sitemappath .allnode, .sitemappath .curnode
{
	height: 24px;
	line-height: 24px;
	display: block;
	float: left;
	color: #F37025;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
.sitemappath a:hover.allnode
{
	background: #B22132;
	color: #fff;
	text-decoration: none;
}
.sitemappath .curnode
{
	color: #888;
	font-weight: normal;
}
.sitemappath .pathSeparatorStyle
{
	background: url(../../images/default/separater.gif) no-repeat center center;
	width: 20px;
	height: 24px;
	float: left;
	display: block;
}
fieldset.fsNormal
{
	border: solid 1px #ccc;
	padding: 10px;
}
fieldset.fsNormal legend
{
	height: 22px;
	line-height: 22px;
	padding-left: 15px;
	padding-right: 15px;
	border: solid 1px #ccc;
	background: url(../../images/default/lightblue.gif) repeat-x left center;
}
.needed
{
	color: #ff0000;
}
.unneeded
{
	color: #888;
}
.tip
{
	color: #000080;
	height: 24px;
	line-height: 24px;
	display: block;
	border: outset 1px #888;
	background: #dedede;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
}
.msgTip
{
	float: left;
	display: block;
	padding-left: 24px;
	line-height: 24px;
	height: 24px;
	display: none;
}
.loadTip
{
	background: url(../../images/default/indicator.gif) no-repeat left center;
}
.rightTip
{
	background: url(../../images/default/right.gif) no-repeat 6px center;
}
.errorTip
{
	background: url(../../images/default/cancel.gif) no-repeat 6px center;
	color: #ff0000;
}
#password-strength
{
	height: 24px;
	float: left;
	padding-left: 24px;
	background: url(../../images/default/lock.gif) no-repeat 6px center;
}
#password-strength .password-min-char
{
	height: 22px;
	line-height: 22px;
	display: block;
	float: left;
}
#password-strength .password-strength-bar
{
	height: 18px;
	line-height: 22px;
	display: block;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: solid 4px #fff;
}
.divAgree
{
	height: 30px;
	width: 200px;
	margin: auto;
}
.divAgree input
{
	width: 13px;
	height: 13px;
	display: block;
	margin: 10px 0;
	float: left;
}
.divAgree a
{
	margin-top: 9px;
	margin-left: 5px;
	height: 18px;
	line-height: 18px;
	display: block;
	float: left;
	color: #000fff;
}
#regionViewer
{
	width: 520px;
	height: auto;
	padding: 10px;
	position: absolute;
	z-index: 500;
	display: none;
	border: solid 4px #ccc;
	background-color: #fff;
	float: left;
	height: auto;
}
.viewerLoader
{
	background: #fff url(../../images/default/indicator.gif) no-repeat 20px center;
	text-indent: 40px;
}
#regionViewer a
{
	display: block;
	padding: 5px 10px;
	width: 100px;
	margin: 3px;
	float: left;
	background-color: #E8F5FE;
	border: 1px solid #A9C9E2;
	text-decoration: none;
	color: #000;
}
#regionViewer a:hover
{
	text-decoration: none;
	color: #ff0000;
	background-color: #FFF5FA;
	border: 1px solid #F8B3D0;
}
.homemastercontent
{
	float: left;
	width: 100%;
	padding: 10px 0;
	min-height: 400px;
}
.userLicenceContent
{
	text-align: center;
}
.userLicenceContent h4
{
	padding: 10px;
	font-size: 14px;
}
.companyTypeList
{
	list-style-type: none;
	list-style-position: outside;
}
.companyTypeList li
{
	list-style-type: none;
	float: left;
	padding-right: 5px;
}
.companyTypeList li span
{
	width: 36px;
	height: 21px;
	display: block;
	float: left;
	cursor: pointer;
}
.originalType
{
	background: url(../../images/default/originaluser.gif) center center;
}
.agentType
{
	background: url(../../images/default/customer.gif) center center;
}
.providerType
{
	background: url(../../images/default/provider.gif) center center;
}
.hpCategoryList
{
	width: 100%;
}
.hpCategoryList td
{
	color: #888;
	padding: 5px;
	width: 49%;
	vertical-align: top;
}
.pdCategoryList td
{
	width: 99%;
}
.hpCategoryList td a
{
	color: #000080;
}
.hpCategoryList td div
{
	padding: 4px 0;
}
.hpCategoryList td div div
{
	padding: 0;
}
.hpCategoryList td div div a
{
	font-weight: bold;
	color: #CD5C5C;
}

.hpCategoryList td a:hover
{
	color: #ff0000;
}
.cdCatNavigate
{
	padding: 5px 5px 5px 20px;
	border: #dedede 1px solid;
	background: #F0FFF0 url(../../images/default/arrow-w.gif) no-repeat 5px center;
}
.cdCatNavigate a
{
	color: #0000FF;
}
.cllProduct
{
	padding: 5px;
}
.cllProduct span
{
	padding-left: 20px;
	color: #888;
}
.cllProduct a
{
	color: #0000FF;
	margin-left: 20px;
}
.navigateData
{
	padding: 7px 5px 5px 20px;
	background: url(../../images/default/arrow-se.gif) no-repeat 5px center;
}
.sortList
{
	height: 22px;
	border: solid 1px #ccc;
	background: url(../../images/default/grid_header_bg.gif) repeat-x left center;
	position: relative;
}

.sortList .showBy
{
	width: 13px;
	height: 14px;
	display: block;
	text-decoration: none;
	position: absolute;
	background-image: url(../../images/default/showby.gif);
	background-repeat: no-repeat;
	top: 4px;
}
.sortList .sortViewTitle
{
	width: 60px;
	position: absolute;
	left: 10px;
	top: 0;
	height: 24px;
	line-height: 24px;
}
.sortList .showByGrid
{
	background-position: 0 0;
	left: 75px;
}
.sortList .showByList
{
	background-position: 0 -14px;
	left: 97px;
}
.sortList .sortByTitle
{
	width: 50px;
	position: absolute;
	right: 160px;
	height: 24px;
	line-height: 24px;
	top: 0;
	text-align: right;
}
.sortList .sortBy
{
	position: absolute;
	width: 130px;
	position: absolute;
	line-height: 14px;
	right: 20px;
	top: 1px;
}
.sortList .showByGridActive
{
	background-position: -13px 0;
}
.sortList .showByListActive
{
	background-position: -13px -14px;
}
.productGridShow
{
	height: auto;
	width: 100%;
	float: left;
	border-bottom: dashed 1px #dedede;
	padding-bottom: 5px;
}
.productGridShow .productImage
{
	float: left;
	margin: 5px 15px 5px 5px;
	width: 100px;
	height: 100px;
	border: solid 1px #dedede;
	background-position: center center;
	background-repeat: no-repeat;
}
.productGridShow .productTitle
{
	width: 50%;
	color: #888;
	float: left;
	height: auto;
}
.productGridShow a, .productGridShow2 a
{
	color: #000080;
	font-weight: bold;
}
.productGridShow a:hover, .productGridShow2 a:hover
{
	color: #ff0000;
	text-decoration: underline;
}
.productGridShow .productTitle-r1, .productGridShow .productTitle-r3, .productGridShow .productTitle-r2
{
	height: auto;
	padding-bottom: 5px;
}
.productGridShow .productTitle-r3
{
	color: #7d9edb;
}
.productGridShow .productPrice
{
	float: left;
	margin-left: 10px;
	height: 100px;
	width: 100px;
}

.productGridShow .productBrand
{
	float: left;
	height: 100px;
}
.productGridShow2
{
	width: 170px;
	height: 180px;
	text-align: center;
	float: left;
}
.productGridShow2 .productImage
{
	width: 100px;
	height: 100px;
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
	border: solid 1px #dedede;
}
.productPriceNav
{
	padding: 4px 0;
	border-bottom: dashed 1px #dedede;
	margin-bottom: 5px;
}
.productPriceNav a
{
	color: #0000ff;
}

/*------Pager----------------*/
.pager b
{
	padding: 2px 5px;
}
.pager a
{
	padding: 2px 5px;
	background-color: #EEFAFF;
	border: 1px solid #BBE1F1;
	text-decoration: none;
}
.pager a:hover
{
	padding: 2px 5px;
	background-color: #E8F5FE;
	border: 1px solid #A9C9E2;
	text-decoration: none;
}
.productDetails
{
}
.productDetails h3.title
{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border-bottom: dashed 1px #ccc;
	padding-bottom: 5px;
}
.productDetails div.description
{
	padding: 5px;
	text-align: center;
	color: #888;
}
.productDetails div.content
{
	margin-top: 10px;
	border-top: dashed 1px #888;
	float: left;
	width: 100%;
	padding-top: 10px;
}
.productDetails div.content .pdLeft
{
	width: 660px;
	float: left;
}
.productDetails div.content .pdRight
{
	width: 285px;
	float: left;
}
.productDetails div.content-r1c1
{
	width: 310px;
	height: 210px;
	float: left;
}
.productDetails div.content-r1c2
{
	float: left;
	width: 350px;
}
.productDetails div.productDetailsView
{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.productDetails div.productDetailsView div.pdtitle
{
	color: #B8860B;
	background: url(../../images/default/arrow-w.gif) no-repeat 4px center;
	padding-left: 20px;
	font-weight: bold;
}
.productDetails div.productDetailsView div.descDetails
{
	padding: 5px 20px;
	line-height: 18px;
}
.productDetails div.content-r1c2 table
{
}
.productDetails div.content-r1c2 table th
{
	text-align: right;
	vertical-align: top;
	padding: 5px;
	color: #888;
	font-weight: normal;
}
.productDetails div.content-r1c2 table td
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	line-height: 18px;
}
.productDetails div.content-r1c2 table td.nav a
{
	color: #0000CD;
	margin-right: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	display: block;
	float: left;
	padding: 2px 10px;
	border: solid 1px #ccc;
	background: #dedede;
}
.productDetails div.content-r1c2 table td.nav a:hover
{
	border-color: #ff0000;
	color: #ff0f00;
}
.price
{
	color: #800000;
	font-size: 12px;
	font-weight: normal;
}
.price s
{
	color: #888;
}
.productDetails div.content-r2
{
	width: 100%;
	float: left;
}
.propertyForm
{
	border: solid 1px #ccc;
	border-width: 1px 0 0 1px;
}
.propertyForm th
{
	text-align: right;
	padding: 5px 10px;
	border: solid 1px #ccc;
	background: #dedede;
	border-width: 0 1px 1px 0;
	font-weight: normal;
	color: #8B0000;
}
.propertyForm td
{
	text-align: left;
	padding: 5px 20px 5px 5px;
	border: solid 1px #ccc;
	border-width: 0 1px 1px 0;
}
.searchDuration
{
	padding: 5px;
	color: #888;
	text-align: left;
	border-bottom: solid 1px #dedede;
}
.fieldset_m
{
	float: left;
	margin: 0;
	border: 0;
}
.fieldset_m h4
{
	color: #000080;
	padding: 5px 24px;
	margin: 0 10px 0 0;
	font-weight: normal;
	background: #DCDCDC url(../../images/default/cat.gif) no-repeat 3px center;
}
.fieldset_m h4.personh4
{
	background-image: url(../../images/default/person.gif);
}
.fieldset_m h4.pendingh4
{
	background-image: url(../../images/default/icon_arrow.gif);
}

.clPending ul
{
	margin-bottom: 10px;
}
.clPending li
{
	border-bottom: dashed 1px #dedede;
	height: 28px;
	display: block;
}
.clPending li .companyList_col1
{
	color: #008080;
	height: 28px;
	line-height: 28px;
	width: 60%;
	float: left;
}
.clPending li .companyList_col2
{
	width: 35%;
	float: left;
	height: 28px;
	line-height: 28px;
}
.clPending li .companyList_col2 a
{
	color: #0000ff;
	text-decoration: underline;
}
.clPending li .companyList_col2 a:hover
{
	color: #ff0000;
}
.clPending a.clExec
{
	color: #8B0000;
}
.clPending a.clExec span
{
	color: #ff0000;
	font-weight: bold;
}
.clPending .empty_cl
{
	padding: 10px 0;
	color: #888;
}

.profileContent
{
	width: 910px;
	min-height: 500px;
	margin: 10px auto;
}
.profileContent .leftMenu
{
	width: 150px;
	height: auto;
	float: left;
	z-index: 2;
	background: #fff;
}
.profileContent .rightContent
{
	width: 750px;
	min-height: 500px;
	border: solid 1px #7d9edb;
	float: left;
	z-index: 1;
}
a.blueStyle
{
	color: #0000ff;
}
a:hover.blueStyle
{
	color: #ff0000;
}
a.favcar
{
	width: 172px;
	height: 40px;
	display: block;
	background: url(../../images/default/favcar.gif) no-repeat 0 0;
}
a.addprice
{
	background-position: 0 0;
	float: left;
}
a:hover.addprice
{
	background-position: 0 -40px;
}
a.askprice
{
	background-position: 0 -160px;
	float: left;
}
a:hover.askprice
{
	background-position: 0 -200px;
}
a.addcar
{
	background-position: 0 -80px;
	float: left;
	margin-left: 10px;
}
a:hover.addcar
{
	background-position: 0 -120px;
}
a.addload
{
	background: url(../../images/default/loader04.gif) no-repeat center center;
	float: left;
	margin-left: 10px;
}
.addProductFav
{
	color: #000080;
	text-decoration: none;
	width: 54px;
	height: 18px;
	font-size: 0;
	background: url(../../images/default/addfav_btn.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	right: 4px;
	top: 4px;
}
.loader04
{
	background: url(../../images/default/loader04.gif) no-repeat center center;
}
a:hover.addProductFav
{
	background-position: 0 -18px;
}
.productPriceOpts
{
	padding: 10px;
	background-color: #F8F8FF;
	border: 1px solid #ccc;
	float: left;
	clear: both;
	width: 600px;
	position: relative;
}
.productPriceOpts .ppo-r1
{
	padding: 5px 0 10px 0;
}
.productPriceOpts .ppo-r1 input
{
	padding: 2px;
	font-size: 10px;
	border: solid 1px #7d9edb;
}
.productPriceOpts .ppo-r1 span
{
	padding: 4px;
	background-color: #FFF5FA;
	border: 1px solid #F8B3D0;
	display: none;
}
.productPriceOpts .ppo-r2
{
	float: left;
	clear: both;
}

/*---------------->>Rating<<------------------*/
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating, .star-rating a.sel
{
	background: url(../../images/rate/star.gif) left -1000px repeat-x;
}
.star-rating
{
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}
.star-rating li
{
	display: inline;
}
.star-rating a, .star-rating .current-rating
{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus
{
	background-position: left center;
}
.star-rating a.sel
{
	background-position: left bottom;
}
.star-rating .current-rating
{
	z-index: 1;
	background-position: left center;
}

.inline-rating
{
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}
.star-rating a.disabled
{
	background-position: left top;
}
.small-star
{
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating
{
	background-image: url(../../images/rate/star_small.gif);
	line-height: 10px;
	height: 10px;
}
.star-rating-result
{
	color: Red;
}
#rateResult
{
	background-color: #FFF9ED;
	border: 1px solid #FFDD99;
	padding: 2px 5px;
	display: none;
	width: 200px;
}


.productPromotionList
{
}
.productPromotionList td
{
	text-align: center;
	padding: 15px 5px 0 5px;
	width: 160px;
}
.productPromotionList .piThumbnail
{
	text-align: center;
}
.productPromotionList .piThumbnail a
{
	width: 100px;
	height: 100px;
	display: block;
	text-decoration: none;
	background: #eee;
	padding: 5px;
	line-height: 100px;
	margin: auto;
}
.productPromotionList .piThumbnail a:hover
{
	background: #F08080;
}
.productPromotionList .piThumbnail a div
{
	border: 0;
	width: 100px;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: #fff;
}
.productPromotionList .piPrice
{
	color: #CD5C5C;
}
.productPromotionList .piPrice s
{
	color: #888;
}
.productTabContent .nopiInfo
{
	padding: 10px 5px;
	color: #888;
}
.focusType td
{
	width: 40px;
	height: 20px;
}
.focusType input, .focusType label
{
	float: left;
}
.focusType .opts
{
	width: 20px;
	height: 20px;
	display: block;
}
.focusType .none, .productNav .none
{
	background: url(../../images/default/none.gif) no-repeat 1px center;
}
.focusType .new, .productNav .new
{
	background: url(../../images/default/new.gif) no-repeat 1px center;
}
.focusType .hot, .productNav .hot
{
	background: url(../../images/default/hot.gif) no-repeat 1px center;
}
.focusType .promotion, .productNav .promotion
{
	background: url(../../images/default/promotion.gif) no-repeat 1px center;
}
.focusType .recommend, .productNav .recommend
{
	background: url(../../images/default/recommend.gif) no-repeat 1px center;
}
.promotionNav
{
	margin-bottom: 10px;
}
.promotionNav a
{
	padding-left: 18px;
}
/*endregion*/

/*region*/
/*autocomplete*/
.jquery-autoComplete
{
	position: absolute;
	overflow-y: auto;
	background-color: #f7f7ff;
	border: 1px solid #cacaff;
	padding: 1px;
	z-index: 99999;
}
.jquery-autoComplete ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.jquery-autoComplete li
{
	border: solid 1px #f7f7ff;
	background-color: #f7f7ff;
	padding: 7px 5px;
	list-style-type: none;
	margin: 0;
}
.jquery-autoComplete li.itemNormal
{
	border: solid 1px #f7f7ff;
	background-color: #f7f7ff;
}
.jquery-autoComplete li.itemHover
{
	background-color: #D0E5FC;
	border: 1px solid #7DA2CE;
}
/*endregion*/

/*region*/
/*shopcart*/
.shopcart_bg
{
	background: url(../../images/default/body_bg.gif) repeat-x 0 0;
}
.shopcart_wrap
{
	width: 768px;
	margin: auto;
}
.shopcart_head, .shopcart_head2
{
	height: 158px;
	background: url(../../images/default/header.gif) repeat-x 0 0;
}
.shopcart_head2
{
	background-image: url(../../images/default/header2.gif);
}
.shopcart_head1
{
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding-left: 20px;
}
.shopcart_head1 a
{
	color: #8dabce;
}
.shopcart_head1 a:hover
{
	color: #ff0000;
}
.shopcart_content
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.shopcart_content .cart_header
{
	height: 32px;
	background: url(../../images/default/cart_header.gif) no-repeat 0 0;
}
.cart_header_c
{
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	color: #33aca4;
	background: url(../../images/default/cart.gif) no-repeat 16px 8px;
}
.cart_header_p
{
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	color: #33aca4;
	background: url(../../images/default/askprice.gif) no-repeat 16px 8px;
}
.shopcart_foot
{
	text-align: center;
	padding: 10px;
	font-size: 10px;
}
.cart_list
{
	width: 745px;
	margin: auto;
}
.cart_list th
{
	background: #c4ebe8;
	color: #1c7770;
	font-weight: normal;
}
.cart_list a.cart_name
{
	color: #4169E1;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.cart_list a:hover
{
	color: #ff0000;
	text-decoration: underline;
}
.cart_amount
{
	padding: 5px 0;
	color: #888;
}
.cartitem_p
{
	padding-left: 52px;
	display: block;
	min-height: 54px;
}
.cart_askprice
{
	text-align: center;
	height: 40px;
	width: 100%;
}
.cart_askprice a
{
	margin: auto;
	float: none;
}
.navCompany
{
	color: #0000ff;
	text-decoration: underline;
}
a:hover.navCompany
{
	color: #ff0000;
}
a:hover.navCompany .companyDetailsRemark_s
{
	display: block;
}
.companyDetailsRemark_s
{
	position: absolute;
	border: solid 1px #7d9edb;
	background: #87CEEB;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	display: none;
}
/*endregion*/


.lclBorder
{
	height: 25px;
	padding: 3px;
	border-bottom: dashed 1px #ccc;
}
.lettersCL
{
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lettersCL li
{
	list-style-type: none;
	float: left;
}
.lettersCL li a
{
	width: 22px;
	height: 22px;
	display: block;
	float: left;
	text-align: center;
	border: solid 1px #fff;
	text-decoration: none;
	color: #888;
}
.lettersCL li a:hover
{
	background: #AAAAFF;
	color: #fff;
	border: solid 1px #888;
	text-decoration: none;
	font-weight: bold;
}
.swCanvas
{
	width: 800px;
	height: 400px;
}
.swCanvasLoad
{
	background: url(../../images/default/loading.gif) no-repeat 0 10px;
}
.linkStyle
{
	list-style-type: none;
}
.linkStyle li
{
	height: 30px;
	margin: 3px 0;
	border-bottom: dashed 1px #7de9db;
	line-height: 30px;
	background: url(../../images/default/nav.gif) no-repeat 5px center;
	padding-left: 30px;
}
.linkStyle a.title
{
	color: #000080;
	font-weight: bold;
}
.linkStyle a:hover.title
{
	color: #8B0000;
}
.linkStyle a.delete
{
	color: #888;
	background: none;
}
.linkStyle a:hover.delete
{
	color: #ff0000;
	background: none;
}
.linkStyle span
{
	color: #FF69B4;
}
.linksContainer
{
	padding: 10px;
}
.linksContainer a
{
	font-weight: normal;
	color: #00a0af;
	margin: 5px;
	font-family: Tahoma;
	text-decoration: underline;
}
.aboutContent
{
	padding: 10px;
	line-height: 20px;
}
.aboutContent a
{
	color: #000080;
	text-decoration: underline;
}

.aboutContent a:hover
{
	color: #ff0000;
}
.aboutContent ul, .aboutContent ol
{
	margin-left: 20px;
	list-style-type: decimal;
}
.aboutContent ul li, .aboutContent ol li
{
	margin-left: 20px;
	list-style-type: decimal;
}

.sitemapContainer
{
	float: left;
	height: auto;
	width: 100%;
}
.sitemapContainer .smContainer
{
	width: 180px;
	height: 130px;
	float: left;
	margin: 20px 10px 50px 40px;
}
.smContainer .smc_c1
{
	height: 130px;
	width: 120px;
	float: left;
}
.smContainer .smc_c2
{
	height: 130px;
	width: 60px;
	float: left;
}
.smc_c1 .smc_c1_r1
{
	height: 100px;
	margin: 0 10px;
	border: solid 1px #4d6983;
	border-bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
}
.smc_c1 .smc_c1_r2
{
	background: #4d6983;
	border: solid 1px #4d6983;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
}
.smc_c1 .smc_index
{
	background-image: url(../../images/default/index.gif);
}
.smc_c1 .smc_product
{
	background-image: url(../../images/default/product.gif);
}
.smc_c1 .smc_article
{
	background-image: url(../../images/default/article.gif);
}
.smc_c1 .smc_brand
{
	background-image: url(../../images/default/brand.gif);
}
.smc_c1 .smc_industry
{
	background-image: url(../../images/default/industry.gif);
}
.smc_c1 .smc_category
{
	background-image: url(../../images/default/category.gif);
}
.smc_r2 a
{
	display: block;
	height: 25px;
	float: left;
	line-height: 25px;
	width: 63px;
	margin-left: -11px;
	margin-top: 10px;
	color: #000080;
	text-decoration: none;
	border: solid 1px #000080;
	padding-left: 5px;
	border-left: solid 1px #fff;
}
.smc_r2 a.disabled, .smc_r2 a:hover.disabled
{
	color: #ccc;
}
.smc_r2 a:hover
{
	color: #ff0000;
}
.smLoader
{
	background: #ddd url(../../images/default/indicator.gif) no-repeat 10px center;
	width: 180px;
	height: 40px;
	line-height: 40px;
	text-indent: 40px;
	border: double 4px #7d9edb;
	margin-top: 20px;
	display: none;
}

/*lightbox*/
#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	padding: 10px;
}
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
	left: 0;
}
#lightbox-nav a
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{
	left: 0;
	float: left;
}
#lightbox-nav-btnNext
{
	right: 0;
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data
{
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption
{
	font-weight: bold;
}
#lightbox-image-details-currentNumber
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose
{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
.sc_nav
{
	height: 20px;
	border-bottom: solid 1px #dedede;
}
.sc_nav a
{
	color: #0000f0;
	text-decoration: none;
}
.sc_nav a:hover
{
	color: #ff0000;
}
#sc_list
{
	height: 270px;
	overflow: auto;
}
.sc_list_item
{
	width: 170px;
	height: 25px;
	display: block;
	float: left;
	padding-top: 3px;
}
.sc_list_item input
{
	width: 20px;
	height: 25px;
	float: left;
}
.sc_list_item a
{
	width: 130px;
	height: 23px;
	padding-left: 5px;
	float: left;
	display: block;
	text-decoration: none;
	line-height: 23px;
	border: solid 1px #ccc;
	background: #dedede;
}
.sc_list_item a:hover
{
	color: #ff0000;
}

.cat_list
{
	margin-bottom: 3px;
	white-space: nowrap;
	margin-right: 3px;
	text-decoration: none;
	float: left;
	cursor: text;
}
a:link.cat_list, a:link.cat_list span, a:visited.cat_list, a:visited.cat_list span
{
	background-image: url(../../images/default/roundbg.gif);
}
a:hover.cat_list, a:hover.cat_list span
{
	background-image: url(../../images/default/roundbg_hover.gif);
	text-decoration: none;
}

.cat_list span
{
	background-position: right 0;
	display: block;
}
.cat_list span span
{
	background-position: right bottom;
}
.cat_list span span span
{
	background-position: 0 bottom;
}
.cat_list span span span span
{
	background-image: none;
	padding: 2px 3px 2px 5px;
}
.cat_list span span span span span.close
{
	background: url(../../images/default/close_x.gif) no-repeat center 0;
	cursor: pointer;
	display: inline-block;
	height: 7px;
	width: 4px;
	line-height: 14px;
}
.cat_list span span span span span.closeHover_CL
{
	background-position: center -10px;
}
.cat_navC a
{
	color: #0000ff;
	text-decoration: underline;
}
.cat_navC a:hover
{
	color: #ff0000;
	text-decoration: underline;
}


/**context menu**/
.jqcmMenu
{
	position: absolute;
	z-index: 99999;
}
.jqcmMenu ul
{
	list-style-type: none;
	padding: 1px;
	margin: 0;
	background-color: #F0F0F0;
	border: solid 1px #979797;
	width: 200px;
}
.jqcmShadow
{
	z-index: 99998;
	background-color: #dedede;
	position: absolute;
}
.jqcmItem
{
	margin: 0;
	color: #000;
	display: block;
	cursor: default;
	padding: 5px 3px;
	border: solid 1px #F0F0F0;
	background-color: Transparent;
	padding-left: 20px;
}
.jqcmItemHover
{
	border: 1px solid #AECFF7;
	background-color: #EBF0F7;
}
.jqcmSeperate
{
	margin: 2px;
	border: double 1px #dedede;
	height: 1px;
	background-color: #888;
	overflow: hidden;
}

.batchOpts
{
	padding: 20px 10px 20px 35px;
}
.batchOptsLoader
{
	background: url(../../images/default/indicator.gif) no-repeat 10px center;
}
.batchDelete
{
	background-image: url(../../images/default/cancel.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}
